<div class="seat" ng-controller="AppSeatController" id="ngSection">
    <style>
        .ts {
            -webkit-transition: transform  1s;
            transition: transform  1s;
        }
    </style>
    <div  class="seat_content">
        <div class="clear" style="display: none;">

            <div class="head pd_tb14">
                <a class="back" ui-sref="main.detail({good_id:{{currentId}}})"></a>
                <span class="headline f18">选择座位</span>
            </div>
            <div class="clear" style="padding:0rem 0.32rem;position: relative;border-bottom: 1px solid #ddd;">
                <div class="min-top fl">
                    <a ui-sref="main.detail({good_id:{{currentId}}})">{{goodTitle}}></a>
                </div>
                <div class="m-scree fl"  ng-mouseleave="hide()">
                    <a href="javascript:;" class="m-scree-title " ng-click="show()" ng-class="{true:'m-scree-on',false:''}[timeshow]"><label style="width:auto;">
                        <span id="pt">{{date}} </span>
                        <!--<span style="padding: 0px 0px 0px 30px;" id="swt">更换场次<span class="new-down-arrow"></span></span></span>-->
                    </label>
                        <i class="icon_arrow"></i>
                    </a>
                    <!--ng-if="timeshow"-->
                    <div class="ct" ng-if="timeshow">
                        <ul class="lst clear">
                            <li class="itm {{timeId== timeItem.id?'active':''}}" ng-repeat=" timeItem in timesList" ng-click="switch({{timeItem.id}},$index)">{{timeItem.name}}</li>
                        </ul>
                    </div>
                </div>
            </div>

        </div>
        <div  id="table_seats" style="background: #fff;position: relative;">
            <div style="position: absolute;top: 0.3rem;right: 0.32rem;line-height:0.8rem;padding: 0 0.2rem;background:#EB03ED;color: #fff;z-index: 8;" ng-click="goTo360()" ng-show="Is360scan">
                查看全景图
            </div>
            <div style="border:0;overflow: hidden;width:100%;margin-left:auto;margin-right:auto;position: relative;background:#fff;" id="inverted-contain">
                <svg id="svg"  style="cursor: default; display: block; overflow: hidden; position: relative;" version="1.1" xmlns="http://www.w3.org/2000/svg">
                    <g id="all" class="transform"  style="backface-visibility: hidden; transform-origin: 0px 0px 0px; cursor: move;">
                        <image id="bg" x="0" y="0" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="{{setionSvgsImg.background | trustUrl }}"></image>
                        <g class="map" id="map">
                            <path  id="{{venusDetailsvgItem.section_name}}" class="d{{venusDetailsvgItem.id}}" ng-attr-fill="{{venusDetailsvgItem.fillcolor}}"  ng-attr-d="{{venusDetailsvgItem.section_path}}" ng-repeat="venusDetailsvgItem in setionSvgs" data-id="{{venusDetailsvgItem.id}}" />
                        </g>
                        <g class="seats" id="seats">
                            <circle ng-repeat="venusDetailsvgItem in seatSvgs" on-finish  ng-attr-cx="{{venusDetailsvgItem.cx}}" ng-attr-cy="{{venusDetailsvgItem.cy}}" r="4"  id="seats_{{venusDetailsvgItem.id}}"  ng-attr-fill="{{venusDetailsvgItem.fillcolor}}" seatrow="{{venusDetailsvgItem.row}}" seatcol="{{venusDetailsvgItem.columns}}" section_name="{{venusDetailsvgItem.section_name}}"  price="{{venusDetailsvgItem.value}}" status="{{venusDetailsvgItem.status}}" size="{{venusDetailsvgItem.size}}" ng-attr-transform="{{venusDetailsvgItem.transform}}" price_seat_id="{{venusDetailsvgItem.price_seat_id}}"
                                    ng-click="selectSeats(venusDetailsvgItem.section_id,venusDetailsvgItem.status,venusDetailsvgItem.price_seat_id,venusDetailsvgItem.id,$event,venusDetailsvgItem.section_name,venusDetailsvgItem.section_area,venusDetailsvgItem.section_names,venusDetailsvgItem.row,venusDetailsvgItem.columns,venusDetailsvgItem.value)" ng-class="{'true':'active','false':''}[venusDetailsvgItem.status=='已售']"></circle>

                        </g>
                        <g class="price" id="price">
                            <path  id="{{venusDetailsvgItem.section_id}}"  on-finish  area="{{venusDetailsvgItem.section_id}}" ng-attr-fill="{{venusDetailsvgItem.fillcolor}}"  ng-attr-d="{{venusDetailsvgItem.price_path}}" ng-repeat="venusDetailsvgItem in priceSvgs" data-id="{{venusDetailsvgItem.id}}" ng-click="getSvgSeats(venusDetailsvgItem.section_id)"/>

                        </g>
                    </g>
                </svg>




            </div>
        </div>
        <!--头部结束-->

        <div class="seat_dailog" ng-click="hideShow()" style="display: none;">
            <div style="position: relative;width: 100%;height: 100%;">
                <div class="seat_box2"  id="seats_list" >
                    <table id="Seat_alertBox">
                        <tbody ng-show="slectSeats.length!=0">
                        <tr>
                            <td>区域</td>
                            <td>排</td>
                            <td>座位号</td>
                            <td>价格</td>
                            <td>操作</td>
                        </tr>
                        <tr ng-repeat="seat in slectSeats track by $index" on-finish-render-filters="completecarRepeat" >
                            <td>{{seat.section_names}}{{seat.section_area}}</td>
                            <td>{{seat.row}}</td>
                            <td>{{seat.columns}}</td>
                            <td style="color: rgb(241,0,95);">￥{{seat.price}}</td>
                            <td ><span class="detele_seat" ng-click="deletseats($event,seat.id)">&times;</span></td>
                        </tr>
                        </tbody>

                        <tbody ng-show="slectSeats.length==0">
                        <tr>
                            <td>区域</td>
                            <td>号</td>
                            <td>展位号</td>
                            <td>价格</td>
                            <td>操作</td>
                        </tr>
                        <tr>
                            <td colspan="4">您还没选票！</td>
                            <td>￥0</td>
                        </tr>
                        </tbody>

                    </table>
                </div>
            </div>
        </div>

        <div id="seatsLoading">
            <img ng-src="static/img/dataLoading.gif" alt="">
        </div>

        <div class="seat_zj" style="display: none;">
            <a class="seat_car_car" ng-click="goShow()"><span class="seat_num" >{{slectSeats.length}}</span></a>

            <a class="zj_total ">
                <span >{{total}}</span><span>元</span>
                <span>| {{slectSeats.length}}张</span>
            </a>

            <a class="zj_btn" ng-click="xuanCreateOrder(gf)" >确认选座</a>
        </div>


    </div>
    <!--登录主体结束 手机号登录-->
    <script>
        function delSeats(id){
            alert(id);
            var scope = angular.element(ngSection).scope();
            scope.$apply(function(){
                scope.deletseats(id);
            });
            //   $scope.getseats();
            // alert('我是www.aaa.com域名下 a页面的方法');
        }




    </script>
</div>
